$theme-color: #0d7bff;
$font-color: #9ea8b8;
.login-page {
	width: 100vw;
	height: 100vh;
	background-color: white;
	display: flex;
	align-items: stretch;
	> div {
		width: 50%;
		overflow: hidden;
	}
	.theme-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.theme-title {
		color: $theme-color;
		font-size: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-weight: bolder;
	}
	.theme-logo {
		width: 40px;
		margin-right: 10px;
	}
	.theme-back {
		margin-top: 50px;
		width: 80%;
	}
	.the-dingtalk {
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	.login-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		.the-form {
			margin-top: 100px;
			width: 80%;
		}
	}
	.the-button {
		margin: 20px 0;
	}
	.the-login-title {
		color: $theme-color;
		font-size: 20px;
		font-weight: bolder;
		margin-bottom: 40px;
	}
	.normal-flex {
		display: flex;
		align-items: center;
		color: $font-color;
	}
}
